<!doctype html>
<link rel="match" href="../expected/svg-background-no-natural-size-ref.html" />
<meta name="fuzzy" content="maxDifference=0-3;totalPixels=0-472">
<style>
  body {
    background-color: white;
  }
  div {
    border: 1px solid black;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  .svg-rect {
    background-size: 34%;
    background-image: url(../data/vertical-rect.svg);
  }
  img {
    width: 100px;
    padding: 10px;
  }
</style>
<div class="svg-rect"></div>
<!-- FIXME: Workaround to ensure CSS background-image is loaded before taking screenshot: https://github.com/LadybirdBrowser/ladybird/issues/3448 -->
<body><span></span><img src="../data/vertical-rect.svg">
